<template>
    <div>
        <div class="title">
            <a-calendar @panelChange="onPanelChange" style="max-width:100%;max-height=100%"/>
        </div>
    </div>
</template>

<script>
    export default {
    methods: {
    onPanelChange(value, mode) {
    //   console.log(value, mode);
    },
  },
    }
</script>

<style lang="scss" scoped>
.title
{
    animation: showContent 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    color: #efe7db;
    float: left;
    position: relative;
    top: 20%;
    font-size: 3em;
    max-width: 100%;
    max-height: 100%;
}
</style>
